<template>
    <div style=" width: 100vw;background-color: rgb(242,242,242)">
        <div class="flex justify-center">
            <div class="w-3/4">
                <n-card class="mt-2">
                    <n-page-header subtitle="定制化场景配置">
                        <template #title>
                            <a style="text-decoration: none; color: inherit;font-size:20px">场景配置与管理</a>
                        </template>
                        <template #avatar>
                            <n-avatar :style="{
                                backgroundColor: 'white'
                            }">
                                <n-icon :component="InsertPhotoFilled" class="flex justify-center items-center"
                                    :size="50" color="rgb(235,197,101)">
                                </n-icon>
                            </n-avatar>
                        </template>
                    </n-page-header>
                </n-card>
                        <router-view/>
            </div>
        </div>
    </div>



</template>

<script setup>
import { InsertPhotoFilled } from '@vicons/material';
import {ref} from 'vue';


</script>